<!-- 封装通用的列表组件 -->
<script setup>
const props = defineProps({
    // 判断当前是创建还是更新
    title: {
        type: String,
        default: ""
    },
})


</script>


<template>
    <el-card class="box-card">
      <template #header>
        <div class="card-header">
          <span>{{ props.title }}</span>
        </div>
        <div class="card-header">
            <span>{{ props.title }}</span>
          </div>
      </template>
      <p v-for="o in 4" :key="o" class="text item">{{ 'List item ' + o }}</p>
      <template #footer>Footer content</template>
    </el-card>
</template>